<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding:0;
            margin:0;
        }
    table{
        width: 910px;
        height: 460px;
        margin:0 auto;
        border-collapse:collapse;
    }
    caption{
        font:32px 华文行楷;
    }
    table,th, td{
        border: 1px solid #8b9e92;
     }
    td{
        width: 100px;
        height: 50px;
        text-align:center;
        vertical-align: middle;
        background-color:#eee;
    }
    </style>
</head>
<body>
<table>
<caption>九九乘法口诀表</caption>
</table>
<script>
    var tableBox=document.getElementsByTagName("table")[0];
    for(var i=1;i<10;i++){
        var newTr=document.createElement("tr");
        for(var j=0;j<i;j++){
            var newTd=document.createElement("td");
            newTd.innerHTML=(j+1)+"×"+i+"="+i*(j+1);
            newTr.appendChild(newTd);
        }
        tableBox.appendChild(newTr);
    }
</script>
</body>
</html>